<html>
    <head>
        <style>
            
            html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
                margin: 0;
                padding: 0;
            }
            
            body {
                font: 76% / 160% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
            }
            
            table {
                width: 98% px;
                border: 2px solid #000000;
                margin: 1em auto;
                border-collapse: collapse;
            }
            
            /*
             * first row of table header
             */
            tr.table-header1 {
                padding: 0;
                margin: 0;
            }
            
            tr.table-header1 td {
                font-size: 12px;
            }
            
            tr.table-header1 td.divider {
                border-right: 1px solid #000000;
                padding: 0 1 0 1;
            }
            
            tr.table-header1 td img {
                padding: 0;
                margin: 0;
            }
            
            /*
             * second row of the table headers
             */
            tr.table-header2 td {
                text-align: left;
            }
            
            tr.table-header2 td {
                font-size: 12px;
            }
            
            /*
             * do not show the dividing lines
             */
            tr.table-header2 td.divider {
                border-right: 1px solid #000000;
            }
            
            /*
             * third row of table headers
             */
            tr.subheader {
                border: 2px solid #000000;
            }
            
            tr.subheader td {
                vertical-align: top;
            }
            
            /*
             * show the dividing lines
             */
            td.divider {
                border-right: 2px solid #000000;
            }
            
            /*
             * table footer
             */
            tfoot {
                border-bottom: 2px solid #000000;
                border-top: 2px solid #000000;
            }
            
            tfoot td {
                border: none;
                text-align: left;
                padding: 0 1 0 1;
            }
            
            /*
             * odd rows
             */
            tr.odd td {
                background: #f7fbff
            }
            
            /*
             * table cells
             */
            td {
                color: #000000;
                font-size: 10px;
                border-bottom: 1px solid #000000;
                border-left: 1px solid #000000;
                padding: .1em 0.1em;
                text-align: center;
            }
            
            td.align-left {
                text-align: left;
            }
            
            tr.subheader td {
                text-align: center;
            }
            
            tr.table-header1 td {
                text-align: center
            }
            
            tr.table-header2 td {
                text-align: center;
            }
            
            #summary-table tr td {
                text-align: right;
            }
            
            #summary-table tr th {
                text-align: right;
                font-size: 10px;
                border: solid 0.1em;
            }
        </style>
    </head>
    <body>
        <h1>Execute failed SQL</h1>
        <table id="summary-table">
            <tr>
                <th>
                    Description
                </th>
                <th>
                    Status
                </th>
                <th>
                    SQL
                </th>
            </tr>
            {% for r in results %}
            <tr>
                <td>
                    {{ r.description }}
                </td>
                <td>
                    {{ r.status }}
                </td>
                <td>
                    {{ r.sql }}
                </td>
            </tr>
            {% endfor %}
        </table>
    </body>
</html>
